<template>
  <p>x-{{ x }}</p>
  <p>y-{{ y }}</p>
  <p>sourceType-{{ sourceType }}</p>

  <el-button type="primary" @click="test[0]++">修改{{test}}</el-button>

  <p>FPS{{fps}}</p>
  <div>{{testValue}}</div>
  <Test v-model:testValue="testValue"></Test>
</template>

<script setup lang="ts">
import { reactive ,ref} from 'vue'
import { useLocalStorage, useMouse,useFps } from '@vueuse/core'
import Test from './Test/index.vue';

const mouse = reactive(useMouse())
const { x, y, sourceType } = useMouse()

const test = useLocalStorage('test',[10,20])

const fps = useFps()

const testValue = ref({
  name:'lan',
  age:10
})


</script>